<template>
  <div class="backgroundImage">
    <div class="centerwhiteCard">
      <div class="contentSize">
        <p class="statusText">您的商家入驻申请正在审核中</p>
        <p class="statusText" style="font-size:12px;">预计1-3个工作日，请耐心等候！</p>
        <div class="centerImage">
          <img src="http://aifenx-public.oss-cn-shanghai.aliyuncs.com/2019/05/31/1559288561167.png" alt />
        </div>
        <van-button block class="goHome btn" @click="()=>{this.$router.push('/mine')}">返回首页</van-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({})
};
</script>
<style lang="scss" scoped>
.backgroundImage {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("https://gve.oss-cn-beijing.aliyuncs.com/2020/02/04/1580799407847.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #666;
  > .centerwhiteCard {
    width: 80%;
    height: 70%;
    padding: 10px 0;
    border-radius: 10px;
    background: #fff;
    > .contentSize {
      width: 80%;
      height: 100%;
      margin: 0 auto;
      p {
        padding: 0;
        margin: 0;
        text-align: center;
        padding: 10px 0;
      }
      .statusText {
        color: #e40a0a;
        font-size: 16px;
      }
      .reason {
        color: #3c3c3c;
        font-size: 12px;
      }
      .centerImage {
        margin: 20px 0;
      }
      img {
        width: 50%;
        display: block;
        margin:0 auto;
      }
      .btn {
        border-radius: 30px;
        height: 40px;
        line-height: 40px;
        margin: 10px 0;
      }
      .subBtn {
      }
      .goHome {
        border-color: #0cbccb;
        color: #0cbccb;
      }
    }
  }
}
</style>